<template>
  <div id="box">
    <el-container>
      <el-header><p>Create by ZhengJiaWei</p></el-header>
      <el-container>
        <el-aside width="200px"><Aside></Aside></el-aside>
        <el-container>
          <el-main><RouterView></RouterView></el-main>
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import Aside from '@/components/main/Aside'
export default {
  data () {
    return {
    }
  },
  components: {
    Aside
  }
}
</script>

<style>
   .el-header {
     background-color: #f3f9fc;
     text-align: center;
     line-height: 60px;
   }

  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
    width: 20%;
    height: 65%;
  }

  #box {
    margin: 5%;
    height: 90%;
  }

  p {
    text-align: center;
    color: #ffc748;
    size: 100px;
  }
</style>
